
.content-wrapper {
    width: 100%;
    height: 100%;
}

.content-wrapper > .content-layout {
    width: calc(100% - 20px);
    height: calc(100% - 100px);
    text-align: center;
    padding: 80px 10px 20px;
    background: #f3f3f3;
    overflow-y: scroll;

    .el-card__body, .el-main {
        padding: 0;
    }

    /* 滚动条整体 */
    &::-webkit-scrollbar {
        width: 10px;
    }

    &::-webkit-scrollbar-track {
        border-radius: 5px; // 轨道圆角
    }

    &::-webkit-scrollbar-track-piece {
        background: #cccccc;

    }

    &::-webkit-scrollbar-thumb {
        background: #803545; // 滑块颜色
        border-radius: 5px; // 滑块圆角
    }
}

.skm-banner-poetry {
    position: absolute;
    right: 100px;
    top: 50px;
    display: flex;
    flex-direction: row-reverse;
    pointer-events: none;


    .skm-banner-poetry-title {
        display: flex;
        flex-direction: row-reverse;
        cursor: pointer;
        justify-content: flex-start;
        align-items: flex-start;

        span {
            font-size: 22px;
            font-family: "楷体";
            font-weight: bold;
            writing-mode: vertical-lr
        }
    }

    .skm-banner-poetry-author {
        display: flex;
        flex-direction: row-reverse;
        cursor: pointer;
        justify-content: center;
        align-items: flex-start;
        margin-right: 15px;

        span {
            margin: 0 10px;
            font-size: 20px;
            font-family: "楷体";
            writing-mode: vertical-lr
        }
    }

    .skm-banner-poetry-content {
        display: flex;
        flex-direction: row-reverse;
        cursor: pointer;
        justify-content: center;
        align-items: flex-start;
        margin-right: 15px;

        span {
            margin: 0 10px;
            font-size: 20px;
            font-family: "楷体";
            writing-mode: vertical-lr
        }
    }

    &-2 {
        position: absolute;
        left: 136px;
        top: 72px;
        display: flex;
        flex-direction: row;
        pointer-events: none;

        .skm-banner-poetry-title {
            margin-right: 20px;
        }

        .skm-banner-poetry-content {
            flex-direction: row;
            margin-left: 20px;
            font-size: 17px;
        }

    }

    &-3 {
        position: absolute;
        left: 110px;
        top: 72px;
        display: flex;
        flex-direction: row;
        pointer-events: none;

        .skm-banner-poetry-title {
            margin-right: 20px;
        }

        .skm-banner-poetry-content {
            flex-direction: row;
            margin-left: 20px;
            font-size: 17px;
        }

    }

    &-4 {
        position: absolute;
        right: 150px;
        top: 64px;
        display: flex;
        flex-direction: row-reverse;
        pointer-events: none;

        .skm-banner-poetry-title {
            margin-right: 20px;
        }

        .skm-banner-poetry-content {
            flex-direction: row;
            margin-left: 20px;
            font-size: 18px;
        }

    }

    &-5 {
        position: absolute;
        right: 145px;
        top: 64px;
        display: flex;
        flex-direction: row-reverse;
        pointer-events: none;

        .skm-banner-poetry-title {
            margin-right: 20px;
        }

        .skm-banner-poetry-content {
            flex-direction: row;
            margin-left: 20px;
            font-size: 18px;
        }

    }
}

